<template>
  <div class="cooperation">
      <div class="w">
        <section class="part_1">
          <img src="./img/cuohe1.jpg" alt="">
          <img src="./img/cuohe2.jpg" alt="">
        </section>
        <section class="part_2">
          <p class="left fl">
            服务介绍
          </p>
          <p class="right fl">
            该系统精准筛选，深度匹配，定向触达目标客户，锁定客户，锁定潜在的投资者并与之深入沟通过<br>
            专业团队对接优质客户，全程跟进，提升资产处置成功率和溢价率，实现资产的高效处理
          </p>
        </section>
        <section class="part_3">
          <h3>成功案例</h3>
          <img src="./img/1.jpg" alt="">
          <img src="./img/2.jpg" alt="">
          <img src="./img/3.jpg" alt="">
        </section>
        <div class="footer">
          <h3 class="title">想要精准撮合请提交信息并联系</h3>
          <p>蒋先生：177 7557 6666</p>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
        name:"Cooperation"
    }
</script>

<style scoped>
      .cooperation{
        width: 1920px;
        height: 2700px;
        margin-top: 10px;
      }
      .w{
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        background-color: #fff;
        padding-left: 30px;
        padding-top: 20px;
      }
      .part_1{
        width: 100%;
        height: 652px;
        position: relative;
      }
      .part_1 img:first-child{
        position: absolute;
        top: 0;
      }
      .part_1 img:last-child{
        position: absolute;
        top: 353px;
      }
      .part_2{
        width: 100%;
        height: 100px;
      }
      .part_2 .left{
        width: 20%;
        height: 100%;
        text-align: center;
        line-height: 100px;
        color: red;
        font-size: 30px;
        font-weight: bold;
        font-family: "楷体";
      }
      .part_2 .right{
        width: 70%;
        height: 100%;
        padding: 20px;
        line-height: 30px;
        color: rgb(123, 123, 123);
      }
      .part_3{
        width: 100%;
        height: 1700px;
      }
      .part_3 h3{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 30px;
        font-family: "楷体";
        font-weight: bold;
        color: red;
      }
      .footer{
        width: 100%;
        height: 200px;
        background-color: skyblue;
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-weight: bold;

      }
      .footer h3.title{
        width: 100%;
        height: 50%;
        line-height: 100px;
      }
    </style>
